<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>提交支付</title>
<link rel="stylesheet" type="text/css" href="css/shangpingoumai.css">
<script src="js/city.js/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
		<script src="../res/layui/layui.js"></script>
</head>

<body>
<!--支付订单-->
<div class="tijiaozhifu">
	<!--标题-->
	<div class="zhifutt">
    	<span>支付提交</span>
        <span>请您及时付款，以便订单尽快处理！ 在线支付金额：<s style=" color:#f00">￥375.80</s></span>
    </div>
    <!--导航列表-->
 <div class="titijj">
    	<span style=" width:290px">订单号</span>
        <span style="width:290px">支付方式</span>
        <span style="width:290px">金额</span>
        <span style="width:290px">物流</span>
    </div>
    <!--各个订单列表-->
    <div class="titijj" id = "LK">
    	<!--<span style=" width:290px; color:#999">8000000000009101</span>
        <span style="width:290px; color:#999">在线支付</span>
        <span style="width:290px; color:#999">￥384.00 ( 预存款已支付：￥35.00 )</span>
        <span style="width:290px; color:#999">快递</span>-->
    </div>
   <!--  <div class="titijj">
    	<span style=" width:290px; color:#999">8000000000009101</span>
        <span style="width:290px; color:#999">在线支付</span>
        <span style="width:290px; color:#999">￥384.00 ( 预存款已支付：￥35.00 )</span>
        <span style="width:290px; color:#999">快递</span>
    </div>-->
    <!--<div class="titijj">
    	<span style=" width:290px; color:#999">8000000000009101</span>
        <span style="width:290px; color:#999">在线支付</span>
        <span style="width:290px; color:#999">￥384.00 ( 预存款已支付：￥35.00 )</span>
        <span style="width:290px; color:#999">快递</span>
    </div> -->
   选择支付方式
   <div class="xzbsni">
    	<ul>
        	<li>
            	<img src="img/alipay_logo.gif"/>
            </li>
          
        </ul>
    </div>
</div>
<!--确认提交并支付-->
    <a href="#" style="display:block; padding-left:20px; padding-right:20px; line-height:40px; font-size:14px" class="animaa">确认提交并支付</a>
<script>
$(function(){
	$(".xzbsni ul li").click(function(){
		$(this).addClass("plok").siblings().removeClass("plok")
		})
	})
</script>s
<script>
function danhai(dh){
	return "<div class='titijj'>"+
    	"<span style=' width:290px; color:#999'>"+dh.ordernumber+"</span>"+
       " <span style='width:290px; color:#999'>在线支付</span>"+
       " <span style='width:290px; color:#999'>"+dh.price+"</span>"+
      "  <span style='width:290px; color:#999'>快递</span>"
}
             var indexOfAddForm;
			//编辑form的弹窗索引
			var indexOfEditForm;
			layui.use(['table', 'layer', 'laydate', 'form'], function() {
				var table = layui.table;
				var layer = layui.layer;
				var form = layui.form;
				var laydate = layui.laydate;
				var $ = layui.$;
				$.post("/g4/order/selectlist", {}, function(res) {
					if(res.code === '0') {
						for(var i = 0; i < res.data.length; i++) {
							
							var code = danhai(res.data[i]);
							$("#LK").append($(code));
						}
					} else {
						layer.msg("获取失败")
					}
				}, 'json');
			});
</script>
</body>
</html>
    
